<!DOCTYPE html>
<html lang="en" class="text-gray-500 antialiased bg-white">
    <head>
        <meta charset="utf-8" />
        <link rel="icon" href="/svelte-select.png" />

        <style>

            @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap');

            html,body  {
                padding: 0;
                margin: 0;
                font-family: 'Source Sans Pro', sans-serif;
            }

            * {
                box-sizing: border-box;
            }
        </style>

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

        %sveltekit.head%
    </head>
    <body class="container mx-auto">
        <div id="svelte">%sveltekit.body%</div>
    </body>
</html>
